<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>收银台</title> 
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>

<body>
<div id="page">
	<div class="header">
		<div class="headerBd">
		<p>7*24小时客服热线：400-022-6816</p>
		<h1 class="logo"><a href="https://www.reapal.com/" target="_blank" title="融宝网">融宝网</a></h1>
		<h2 class="">收银台 </h2>
		</div>
	</div>
	<div class="main">
		<div class="payeeInfo">
			<a href="javascript:;" class="viewDetail">查看详情</a>
			<ul class="payeeHd clearfix">
			<li><span>收<em></em>款<em></em>方：</span><span class="payeeName">京东商城</span></li>
			<li>订单金额：<span class="price">160.00</span>元</li>
			</ul>
			<ul class="payInfoMore" style="display:none;">
			<li>订单编号：19999999999</li>
			<li>商品名称：啦啦啦啦</li>
			<li>支付时间：2018-09-09 19:00</li> 
			</ul>
		</div>
		
		<div class="cashierBd"> 
			<div class="cashierIntro debitAdd">
					<p class="cashierHd"><b>快捷支付</b>（无需使用网银，也可支付）</p>
					<div class="debitForm">
						<form action="">
						<div class="controlGroup clearfix">
							<label class="label">发卡银行</label>
							<div class="controls">
								<div class="cardArea">
									<img src="images/bank/hx_bank.jpg" height="26" alt="" class="cardBank" />
									<span class="cardName">（信用卡）</span>
								</div>
								<div class="editBankLink">
									<a href="javascript:;">更换银行</a><span class="pipe">|</span><a href="javascript:;" id="checkLimit">查看限额</a>
									<div class="limitTable" style="display:none;">
										<em class="limitIcon"></em>
										<table>
										<tr>
										<td width="50" class="name">单笔限额</td>
										<td>1000</td>
										</tr>
										<tr>
										<td class="name">单日限额</td>
										<td>2000</td>
										</tr>
										<tr>
										<td class="name">备注</td>
										<td>如果您在银行设置的网上支付额度低于上表限额，以您的设置为准。</td>
										</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
						
						<div class="controlGroup clearfix">
							<label class="label">储蓄卡卡号</label>
							<div class="controls">
								<input type="text" class="inputText" />
								<p class="errorText">校验提示-错误</p>
							</div>
						</div>
						
						<div class="controlGroup clearfix">
							<label class="label">持卡人姓名</label>
							<div class="controls">
								<input type="text" class="inputText" />
								<p class="correctText">校验提示-正确</p>
							</div>
						</div>
						
						<div class="controlGroup clearfix">
							<label class="label">持卡人身份证号</label>
							<div class="controls">
								<input type="text" class="inputText" /> 
							</div>
						</div>
						
						<div class="controlGroup clearfix">
							<label class="label">银行预留手机号</label>
							<div class="controls">
								<input type="text" class="inputText" /> 
							</div>
						</div>
						
						<div class="controlGroup clearfix">
							<label class="label">短信验证码</label>
							<div class="controls">
								<div class="verifyArea">
									<input type="text" class="inputText" />
									<input type="button" class="verifyBtn" value="获取验证码" />
								</div>
								<a href="javascript:;" class="notReceive">收不到验证码？</a>
							</div>
						</div>
						
						<div class="controlGroup clearfix">
							<div class="agreeCheck">
								<label class="rememberLabel">
								<input type="checkbox"><span>同意<a href="#" target="_blank">《融宝支付协议》</a></span>
								</label>
							</div>
						</div> 

						<div class="btnFt">
						<input type="button" class="btn" value="确认支付" />
						</div>
						</form> 
					</div>  
			</div> 
		</div>
		 
	</div>
	<div id="footer">© 2010-2015 天津融宝支付网络有限公司&nbsp;&nbsp;&nbsp;&nbsp;津ICP备12006523号</div>
</div>
</body>
</html>
